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Ultimate Start guide for beginner 
UX/UI designer on 2019 

I have been collecting these links for the past 5 years. 

Johny vin o 

I conclude to forge this list so that I can copy paste this link if someone asks 
me these questions, ^ 

What software you are using? How to become a Pro designer? How to 
switch from graphic designer to UX designer? How to start my design 
career? 

These are the 7 main pieces, 

1. Assimilate Basics [Super important] Q 

2. Master Design process and principles 

3. Join with communities & contribute 

4. Get inspired and inspire others 

5. Refreshed with recent news 

6. Know tools to convey your concepts. 

7. Bonus: Freebies era [Contribute, don't just download ©] 

I have handpicked only the links I use persistently. Also, I described 
why I admire that particular site. 

N 2 1.Assimilate Basics [Super important] @ 

Most of the designers including myself when we started, we assumed that 
making improbable animation will make us a Pro designer. But that's not 
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true. 


"Learning basics like spacing, typography, the 
alignment will make you Pro designer." 

So when you are instituting as a beginner designer don't ignore to learn the 
basics. 

Links to bookmark: 

• Human Inter face Guid elines. —Grid, Typography, Resolutions 

• Material desi gn —Motion Guidelines 

• Icons Basics —Understand about pixel perfection 

• Ul Basics 

• NN Groups for UX —Research-based UX basics. 

• Law of UX —Basic law about spacing. 

• Desi g n of everyday thin gs 

N 2 2. Master Design process and principles 

I believe you skilled all the fundamental. The first step is all about YOU. Now 
you are faring to think about working in a design team, working with 
developer and business leaders. 

"Designers roles will get accomplish when we 
started collaborating & communicating with a 
multidisciplinary team of designers, devs, 
business people" 
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Links to bookmark: 

(i) Working with developers 

• Device Metrics—Material Desi gn 

• Android Asset Studio 

• The Ultimate Guide To iPhone Resolutions 

• Zeplin 

(ii) Process phase 

• Survey Methods Goo g le Desi gn 

• Desi g n Sprints 

• UX Project Checklist 

• IDEO—Desi g n Kit 

• Desi g n Process 

• Desi g n Principles 

• Desi g n-systems 

• 100 Thing s Every Desi g ne r N eeds To Kn ow About Peo ple 

(iii) Presentation phase [You must learn this skill] 

• Desi g n—Videos—A p ple Developer 

• Hig h Resolution 

(iv) Learn about Voice Interface [because it's 2019] 

• Alexa Desi gn 

• Al UX: 7 Principles of Desi g nin g Good Al Products 

• Al Conversation desi gn process 

N 2 3. Join with communities & contribute 
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All over the globe design communities are super supportive. Don't be 
passive members, try to contribute and support other designers 

"Bring your unique style to the community, don't 
just follow others style." 

Links to bookmark: 

• Plavbook —To have a meaningful design conversation. 

• Dribbble —Focused on Ul, Motion. 

• Behance —Branding. 

• Product Hunt —Cool tools every day. 

N 2 4. Get inspired and inspire others 

Inspiration means not just gazing at their visual, scrutinize how they are 
solving a specific problem and dissect what makes them eminent. 

Links to bookmark: 

• Mobbin —Real app Ul patterns. 

• Uisources —Real app interaction. 

• Awwwards —For website design. 

• Reall va oodemails —Email template design 

• Bestfolios —Case studies and Portfolio 

N 2 5. Refreshed with recent news 

"The future is already here — it's just not evenly 
distributed.—William Gibson 
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Just scrolling over news will unthinkingly help you intercross dots while you 
are solving a design riddle. 

Links to bookmark: 

(i) Design companies blogs 

• Airbnb Design—Design system and community building 

• Goo g le desi gn —Cool tech apps 

• Uber desi gn —Motion and III 

• Microsoft Design—If you are interested in Inclusive design 

• Invision Desi gn —Easily understandable articles 

(ii) Everyday design news 

• FastCom panv —Top notch articles 

• Sidebar —Very fussy articles 

• Muzli —best for visual 

• Techcrunch —VC, funding, money stuff 

• Desi o nBetter.Co —Interviews from top design leaders 

N 2 6. Know tools to convey your concepts. 

There is a traditional delusion that designers have to start by learning 
design tool. That's absolutely inaccurate. Tools change every year, but 
design basics never change. Design tools just help you to visualize your 
ideas, they are not primary factors to be a good designer. 

Senior designer * Pro in using a design tool. 

Senior designer = Pro in finding the problem, 
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coming up with a solution. 

Links to bookmark: 

(i) Design 

• Adobe XD —Super fast design software works on Windows 

• Sketch —Designers famous tool. 

• Fiqma —For collaboration 

(ii) For User testing 

• Marvel 

• InVision 

(iii) Prototyping 

• Adobe —For quick Auto-animate, Voice interaction 

• Framer x —Incredible drag and drop animation components+ Reactjs 

• Invision S tudio —Best touch interaction. 

• Principle —Complex Interaction. 

• Kite —Convert animation to swift code 

• Prot ioPie —Use sensor inputs, Arduino Inputs for prototype 

• Sketch To g ether —Learn some cool stuff 

(iv) Animation 

• After effects —Onboarding animations. 

• Cine ma 4D —Product design demo videos 

N 2 7. Bonus: Freebies 

When comes to freebies its easier to get dazed by many mediocre free 
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resources, be picky about the resources you download and use. For 
example, if you are downloading icons make sure you obtain icons from 
trusted platforms like Google so that everyone can understand the meaning 
of inclusive icons. 

"Contribute and Support don't just download 

Links to bookmark: 

(i) Icons & Illustration 

• Material Desi g n Icons —Download and analyze how they are making 
perfect icons 

• No un Pro ject —Just good icons 

• Humaaans —Diverse color and people illustration. Learn from this style. 

• Undraw —Use these as a dummy when you are starting a project. 

• Brand Ic ons —All big companies logo in SVG, you dont need to google 
it. 

(ii) Free Font 

• Ap ple fonts —Perfect for apple devices Just go with SF FONT 

• Goo g le Fonts —Font suits for all languages 

• DaFo nt —So many creative fonts 

(iii) Colors 

• BrandColors —When you are starting as a designer just use these 
colors and understand how they are maintaining hue 

• Color Hunt —Trendy colors 

• Web a radients —Give a spark 
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(iv) Videos 

• Pexels Video 

• Pixaba v 

(v) Music 

• Fugu e—lc on8 M usic 

• Youtube Free music 

(vi) Images 

• Uns plash —Clean photographs 

• Remove.b g —use this when you make social media profile picture 

• TinvPN G —Helps to compress images when you build your site 

(vii) Brainstorming Wireframe 

• Sketchsheets —Print sheet for team brainstorming section 

• Sketchize: Free Wireframin g Sheets 

• Sneakoeekit Sketch Sheets 

(viii)Mockup 

• Facebook Desi gn —Download devices 

• Cleanmock —Automatically put your screens into a mockup 

(ix) Free source file download 

• Sketch Re oo 

• PSD Re oo 

• Fig ma Freebies 

• Xd Resources 

• Invision Studio 


Page 8 of 9 






















Ultimate Start guide for beginner UX/UI designer on 2019 


(x) Ul Kits 

• Ap ple Desi g n Resources 

• Android P ie K i t Sketch—DeveloperTown 

• Material Design 2.0 Kit—DeveloperTown 

• iOS 11 GUI for iPhone X and iPhone 8 

Recommended articles for you 

• UI /UX case study for the New York Times a pp 

• 11 Thin g s every desi g ner Needs To Know About Mobile A p p Interaction. 

• Why is UX/UI desi g ner the best j ob in the world? 

• The Secret of Successful UX Writers 

• 5 Motivational Tips for Desi g ners 

• The lesson for a Youn g desi g ner from Elder Desi g ners 
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